Use this guide to change any part of Vyasa's look and behavior. It covers where to place CSS, how scoping works, which elements to target, and how to change behavior safely.

Vyasa has two different theming jobs to do. Sometimes you want to restyle the rendered article itself, for example changing paragraph spacing, code colors, or callout treatment for one folder. Other times you want to restyle the page around the article, for example loading a book-specific font, changing the viewport background, or recoloring the navbar and sidebars for one section. Those two jobs look similar from the outside, but they need different CSS loading behavior.

That is why Vyasa now separates scoped folder CSS from global folder CSS. Scoped CSS is for content-area styling and is attached to the current post section only. Global CSS is for page-level styling and is loaded as a normal stylesheet, so it can legally use html, body, @font-face, @keyframes, and other top-level CSS features.